<script lang="ts" setup>
import CisFlexScroll from '@/packages/library/CisFlexScroll/index.vue'
</script>
<template>
  <div class="h-300px flex">
    <svg width="400" height="400" viewBox="0 0 400 400">
      <path d="M 50 200 C 150 100, 250 100, 350 200 L 350 300 L 50 300 Z" fill="blue"/>
      <path d="M 200 100 L 300 200 L 200 200 Z" fill="white"/>
      <path d="M 170 300 L 200 350 L 230 300 Z" fill="white"/>
    </svg>
    <CisFlexScroll showScrollbar>
      <div class="h-500px bg-yellow-500">
        <p>我是flex内部可滚动区域1</p>
        <p>我是flex内部可滚动区域2</p>
        <p>我是flex内部可滚动区域3</p>
        <p>我是flex内部可滚动区域4</p>
        <p>我是flex内部可滚动区域5</p>
        <p>我是flex内部可滚动区域6</p>
      </div>
    </CisFlexScroll>
  </div>
</template>